<html>
<head>
	<wicket:head>
	<script type="text/javascript" src = "js/public/esPublic.js"></script>
	</wicket:head>
</head>

<body>
	<wicket:extend>
		<div class="es-deptBanner">
			<div class="es-softCornerAll es-capsule es-cap-brown">Department</div>
			<div class="clearfix">
        		<!-- left headers -->
        		<div style="float:left;">
					<div class="clearfix">
			        	<div style="float:left;">
			        		<img style="border:1px solid black; margin: 2px 0px 2px 10px;" wicket:id="deptIcon" src="#"/>
			        	</div>
			        	<div style="float:left; padding: 0px 0px 0px 10px; width:720px;">
				        	<div>
					            <h1 style="padding-bottom:5px;" wicket:id="deptName">
					            	Ocean Engineering and Naval Architecture
					            </h1>
					        </div>
					        <div style="font-weight:bold;"><a href="#" style="font-size:12px;" wicket:id="vwProfile">View Profile</a></div>
					    </div>
				        <div style="clear:both;"></div>
			        </div>
		            <div style="float:left;">A department of <a wicket:id="univLink" href="#">
		            	<span wicket:id="univName">Indian Institute of Technology, Kharagpur</span>
		            </a></div>
		        </div>
            	<!-- right headers -->
		        <div style="float:right; margin:10px;">
		        	<span class="es-bg-print16" style="background-repeat: no-repeat; padding: 0pt 20px 5px;" ><a wicket:id="printReport" href="#">Print Report</a></span>
		        </div>
            </div>
		</div>
           <div class="es-univBody clearfix">
			<div class="es-univLeftBar">
               	<div class="es-univLMenu">
                   		<div wicket:id="deptNews" class="es-univLMenuItem  es-bg-updates16">
                   			<a href="#" wicket:id="link">Updates</a>
                   		</div>
                        <div wicket:id="folders" class="es-univLMenuItem  es-bg-folder16">
                   			<a href="#" wicket:id="link">Files &amp; Folders</a>
                   	    </div>
                       <div wicket:id="deptCalendar" class="es-univLMenuItem  es-bg-calendar16">
                       	<a href="#" wicket:id="link">Calendar</a>
                       </div>
                       <div wicket:id="DeptPoll" class="es-univLMenuItem  es-bg-polls16">
	                   		<a href="#" wicket:id="link">Polls</a>
	                   	</div>       
                       <div wicket:id="acadProgs" class="es-univLMenuItem  es-bg-programs16">
                       	<a href="#" wicket:id="link">Academic programs</a>
                       </div>
                       <div wicket:id="DeptBatches" class="es-univLMenuItem  es-bg-batches16">
                       	<a href="#" wicket:id="link">Batches</a>
                       </div>
                   </div>     
                   <div class="es-univLMenu">
                   	<div  class="es-univLMenuItem  es-bg-people16">
                   		<div class="pplSubMenu">
                   			<div style="width:10px;float:left;" id="pplExpand">+</div>&nbsp;People
                   		</div>
                        <ul style="display:none;padding-left:20px;padding-bottom:5px;">
                        	<li wicket:id="deptStudents" style="padding:2px;">
                        		<a href="#" wicket:id="link">Students</a>
                        	</li>
                            <li wicket:id="deptProfs" style="padding:2px;">
                            	<a href="#" wicket:id="link">Faculty</a>
                            </li>
                            <li wicket:id="deptAdmins" style="padding:2px;">
                            	<a href="#" wicket:id="link">Administrators</a>
                            </li>
                            <li wicket:id="deptEveryone" style="padding:2px;">
                            	<a href="#" wicket:id="link">Everyone</a>
                            </li>
                        </ul>
                   	</div>
                   <div wicket:id="deptCourses" class="es-univLMenuItem  es-bg-courses16">
                   		<a href="#" wicket:id="link">Courses</a>
                   	</div>
                   		<div wicket:id="deptUniv" class="es-univLMenuItem  es-bg-univ16">
                   			<a href="#" wicket:id="link">University</a>
                   		</div>                                               		
                 	</div>
                   <div class="es-univLMenu">
                   <div wicket:id="deptInvite" class="es-univLMenuItem   es-bg-invite16">
                   		<a href="#" wicket:id="link">Invite People</a>
                   	</div>
                   	<div wicket:id="deptCourse" class="es-univLMenuItem es-bg-addCourse16">
                 		<a href="#" wicket:id="link">Add Course</a>
                 	</div>
                   	<div wicket:id="deptCP" class="es-univLMenuItem  es-bg-settings16">
                   		<a href="#" wicket:id="link">Control Panel</a>
                   	</div>
                    <div wicket:id="deptProfile" class="es-univLMenuItem  es-bg-edit16">
                       	<a href="#" wicket:id="link">Edit Profile</a>
                    </div>
                   </div>
			</div>
			
			<div class="es-univMainWell">
				<wicket:child>
				</wicket:child>
			</div>            
           </div>            
		
	</wicket:extend>
</body>
</html>
